<div class="gc-head-top">
    <div class="g-container">
        <div class="mc-text-login f-fl">
            {$webConfig['WEBNAME']} 欢迎您！
            <a class="link" href="{:url('home/Public/userlogin')}">登录</a>
            <span class="spilt">|</span>
            <a class="link" href="{:url('home/Public/userreg')}">注册</a>
        </div>
        <div class="mc-qrcode-layer f-fl" style="margin-left:25px;">
            <div class="trigger">
                <span class="iconfont icon-shouji"></span>手机版
            </div>
            <div class="qrcode-main">
                <img src="../static/images/qrcode.png" alt="">
            </div>
        </div>
        <div class="mc-menu-drop-down f-fr">
            <a href="javascript:;" class="trigger">关于我们<span class="iconfont icon-sanjiaojiantoutriangular"></span></a>
            <ul class="drop-down">
                <li><a href="javascript:;" class="item">公司简介</a></li>
                <li><a href="javascript:;" class="item">荣誉资质</a></li>
                <li><a href="javascript:;" class="item">工程案例</a></li>
                <li><a href="javascript:;" class="item">典型客户</a></li>
                <li><a href="javascript:;" class="item">联系我们</a></li>
            </ul>
        </div>
        <span class="spilt f-fr">|</span>
        <div class="mc-menu-drop-down f-fr">
            <a href="/home/user.index/index.html" class="trigger">会员中心<span class="iconfont icon-sanjiaojiantoutriangular"></span></a>
            <ul class="drop-down">
                <li><a href="javascript:;" class="item">个人资料</a></li>
                <li><a href="javascript:;" class="item">订单中心</a></li>
                <li><a href="javascript:;" class="item">我的收藏</a></li>
                <li><a href="javascript:;" class="item">收货地址</a></li>
            </ul>
        </div>
        <span class="spilt f-fr">|</span>
        <a href="javascript:;" class="mc-text-link f-fr">
            我的订单
        </a>
    </div>
</div>
<div class="gc-head">
    <div class="g-container">
        <div class="left">
            <img src="../static/images/logo.png" class="logo" alt="">
        </div>
        <div class="middle">
            <div class="mc-head-search">
                <div class="search-form">
                    <form action="{:url('home/Goods/search')}">
                        <span class="iconfont icon-sousuo"></span>
                        <input type="text" class="keyword" name="goods_name" placeholder="请输入产品型号或名称进行检索"/>
                        <button class="search-btn" type="submit">搜索</button>
                    </form>
                </div>
                <p class="hotkeywords">
                    <span>热门搜索</span>
                    {volist name="webConfig.HOT_KEYWORDS" id="vo"}
                    <a class="link" href="{:url('home/Goods/search',['goods_name'=>$vo])}">{$vo}</a>
                    {/volist}
                </p>
            </div>
        </div>
        <div class="right">
            <div class="mc-head-cart">
                <div class="cart-trigger">
                    <span class="iconfont icon-gouwuche"></span> 购物车
                    <div class="corner">
                        <span class="num">12</span>
                        <span class="iconfont icon-qipao "></span>
                    </div>
                </div>
                <div class="cart-list-box">
                    <div class="cart-goods-box">
                        <ul class="cart-goods-list">
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp1.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp2.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp3.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp4.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                        </ul>

                    </div>
                    <div class="cart-total">
                        <div class="info">
                            共7件商品，共计￥23890.00元
                        </div>
                        <a href="{:url('/home/Cart/index')}" class="cart-btn">
                            去购物车
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="gc-nav">
    <div class="g-container">
        <div class="mc-categorybox">
            <div class="trigger">全部商品分类 <span class="iconfont icon-sanjiaojiantoutriangular"></span></div>
            <ul class="cat-list items item-4">
                <li class="item first">
                    <a href="#" class="link"></a>
                    <img src="../static/images/icon1.png" class="icon"/>
                    <div class="text">环氧树脂</div>
                </li>
                <li class="item">
                    <a href="#" class="link"></a>
                    <img src="../static/images/icon2.png" class="icon"/>
                    <div class="text">防腐涂料</div>
                </li>
                <li class="item">
                    <a href="#" class="link"></a>
                    <img src="../static/images/icon3.png" class="icon"/>
                    <div class="text">粉末涂料</div>
                </li>
                <li class="item">
                    <a href="#" class="link"></a>
                    <img src="../static/images/icon2.png" class="icon"/>
                    <div class="text">防腐涂料</div>
                </li>
            </ul>
        </div>
        <div class="index-nav" style="padding-left:200px;">
            <ul class="mc-block-nav">
                <li class="m">
                    <h3><a class="link" href="javascript:;">网站首页</a></h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="javascript:;">产品中心</a></h3>
                </li>
                <li class="m ">
                    <h3><a class="link" href="javascript:;">集约集采</a></h3>
                </li>
                <li class="m">
                    <h3>
                        <a class="link" href="javascript:;">
                            限时抢购
                            <i class="tag"><img src="../static/images/hot2.gif" alt=""></i>
                        </a>
                    </h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="javascript:;">优惠卡券</a></h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="javascript:;">积分商城</a></h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="javascript:;">站内公告</a></h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="javascript:;">工程案例</a></h3>
                </li>
                <li class="block"></li><!-- 滑动块 -->
            </ul>
            <script type="text/javascript">
                (function(){
                    var ind = 2; //初始位置
                    var nav= jQuery(".mc-block-nav");
                    var init = jQuery(".mc-block-nav .m").eq(ind);
                    var block = jQuery(".mc-block-nav .block"); //滑块
                    block.css({"left":init.position().left-3}); //初始化滑块位置
                    nav.hover(function(){},function(){ block.animate({"left":init.position().left-3},100); }); //移出导航滑块返回

                    jQuery(".mc-block-nav").slide({
                        type:"menu", //效果类型
                        titCell:".m", // 鼠标触发对象
                        targetCell:".sub", // 效果对象，必须被titCell包含
                        delayTime:300, // 效果时间
                        triggerTime:0, //鼠标延迟触发时间
                        returnDefault:true,//on返回初始位置
                        defaultIndex:ind,//初始位置
                        startFun:function(i,c,s,tit){ //控制当前滑块位置
                            block.animate({"left":tit.eq(i).position().left-3},100);
                        }
                    });
                })()

            </script>

        </div>
    </div>
</div>